<!--组件传值-->


<!--vue框架-->
<script src="vue.js"></script>

<!--界面显示-->
<div id="app">
    <!--自定义组件当中属性的名字要与自定义props后面的值对应-->
    <mcomponent name="titles"></mcomponent>
</div>

<!--脚本声明-->
<script>
    //注册自定义组件
    Vue.component('mcomponent',{
        data(){

        },
        //props当中设置的值，作为属性的名字
        props:['name'],
        template:'<p>我是自定义组件{{name}}</p>'
    });
    var vue=new Vue({
        el:'#app',
    });
</script>